var collectionChart = echarts.init(document.getElementById('collectionRateChart'));
function collection(chartData) {
    let arry = chartData.ydata;
    return option = {
        title:{
            text:"各设备最大需量（本月）",
            textStyle:{
                color:'#33FFFF',
            },
            left:'center',
            top:'15px'
        },
        tooltip:{

                formatter:function (params) {
                    return '最大需量值:'+ arry[params.dataIndex].use + '<br>额定值:' + arry[params.dataIndex].total
                }

        },
        grid:{
            left:'140'
        },
        xAxis:[{

            type:'value',
            splitLine:{
                show:false
            },
            axisLabel: {
                formatter: '{value}%',
                textStyle: {
                    color: '#fff',
                    fontWeight: '80'
                }
            }
        }],
        yAxis:[{
            type:'category',
            axisLabel: {
                color: '#fff',
                fontSize: 14
            },
            splitLine:{
                show:false
            },
            data:chartData.ydata
        }],
        series:[{
            type:'bar',
            barWidth: 12,
            itemStyle: {
                normal: {
                    //barBorderRadius: 20, //统计条弧度
                    color: {

                        colorStops: [{
                            offset: 0,
                            color: '#00b0ff' // 0% 处的颜色
                        }, {
                            offset: 1,
                            color: '#7052f4' // 100% 处的颜色
                        }],
                        globalCoord: false, // 缺省为 false

                    }
                },
            },

            label: {

                normal: {
                    show: true,
                    position:'right',
                    formatter: function(v) {
                        var val = v.data;
                        if (val == 0) {
                            return '';
                        }
                        return val+'%';
                    },
                    color: '#fff'
                }
            },
            data:chartData.xdata
        }],

    }

}

